<div class="main">
    <div class="main-content">
        <div class="s-top">
            <div class="stop-left">
                @@include("fangdajing.html")
            </div>
            <div class="stop-right">
                <div class="sright-top">
                    <p class="st1">#新品</p>
                    <h1 class="st2">真我</h1>
                    <p class="st3">缪斯香水</p>
                </div>
                <div class="sright-cen">
                    <div class="sright-cenin">
                        <button class="sright-button">
                            <p class="sright-p">
                                <span class="sright-span1">
                                    <span class="span1-in">喷装100ml</span>
                                    <span class="span1-on">￥1,650</span>
                                </span>
                                <span class="sright-span2 iconfont icon-chevron-thin-down"></span>
                            </p>
                        </button>
                    </div>
                </div>
                <div class="sright-cen-und">
                    <div class="cen-und-t">
                        <button class="button-sright"><span class="spanbut">立即购买</span></button>
                        <a class="a-sright"><span class="span-sri"><span class="span-in">寻找精品店</span></span></a>
                        <button class="button-xin"><span class="span-xin iconfont icon-shoucang "></span></button>
                    </div>
                </div>
                <ul class="sright-ul">
                    <li class="ul-li">
                        <span class="li-left iconfont icon-09"></span>
                        <span class="li-right">
                            试用及旅行装礼赠所有订单均获享2件试用装礼赠，订购满指定金额，即享迪奥明星产品旅行装</span>
                    </li>
                    <li class="ul-li">
                        <span class="li-left iconfont icon-20"></span>
                        <span class="li-right">
                            免费配送所有订单均享免费顺丰速递</span>
                    </li>
                    <li class="ul-li">
                        <span class="li-left iconfont icon-06"></span>
                        <span class="li-right">
                            艺术包装 尊享Dior艺术包装</span>
                    </li>
                </ul>
                <div class="sright-under">
                    <div class="under-one">
                        <button class="under-yi">
                            <span class="span-yi">描述</span>
                            <span class="span-yi-yi iconfont icon-chevron-thin-up"></span>
                        </button>
                        <div class="appear" id="appear">
                            <p class="appear-p">
                                馥郁珍卉，在全新真我缪斯香水中盛放，静默而魅惑，感性亦诱人。这束标志性的真我繁花以与众不同的馥郁芬芳彰显她不容忽视的存在：沙巴茉莉、千叶玫瑰与依兰的香气交织弥漫，邂逅传奇花卉——格拉斯地区晚香玉的撩人气息，最后缀以绵柔檀香，以木质香调温柔包裹。熟悉的芬芳中透露着无尽的惊喜，点亮感性迷人的无限女性气质。
                            </p>
                        </div>
                    </div>
                    <div class="under-two">
                        <ul class="two-ul">
                            <li class="two-li">
                                <p class="two-p">
                                    <span class="two-sp1">调香师之语</span>
                                    <span class="two-sp2 iconfont icon-chevron-thin-down"></span>
                                </p>
                                <div class="two-div">
                                    <p class="t-p">
                                        <em>"格拉斯地区晚香玉拥有一种特别的撩人韵味，我将其融入真我缪斯香水，仿佛创造了一场浪漫的邂逅：真我繁花「撩拨」着迷人的晚香玉，拥它入怀，让它重焕生机，自由绽放。这抹独特的香气，能够瞬间释放强大而又自信的女性气质。”</em><br><br>
                                        DIOR 迪奥首席调香师弗朗斯•德马奇 (François Demachy)</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="under-two">
                        <ul class="two-ul">
                            <li class="two-li">
                                <p class="two-p">
                                    <span class="two-sp1">成分列表</span>
                                    <span class="two-sp3 iconfont icon-chevron-thin-down"></span>
                                </p>
                                <div class="thr-div">
                                    <div class="thr-con">
                                        <div class="thr-swi">
                                            <div class="thr-sli">
                                                <div class="swi-one">
                                                    <div class="swi-img"><img
                                                            src="https://www.dior.cn/beauty/version-5.1610097138806/resize-image/ep/0/0/90/0/%252FY0996116%252FV001%252FY0996116_olfactoryTopNoteImage.jpg"
                                                            alt=""></div>
                                                </div>
                                                <div class="swi-text">
                                                    <p class="swi-p1">血橙和香柠檬前调</p>
                                                    <p class="swi-p2">香柠檬和多汁血橙的柑橘气息点亮前调，为馥郁感性的真我繁花增添一丝清冽气息。</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Add Pagination -->
                                        <div class="swiper-pagination"></div>
                                    </div>

                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="under-two">
                        <ul class="two-ul">
                            <li class="two-li">
                                <p class="two-p">
                                    <span class="two-sp1">匠心工艺</span>
                                    <span class="two-sp4 iconfont icon-chevron-thin-down"></span>
                                </p>
                                <div class="four-div">
                                    <p class="t-p">晚香玉在格拉斯地区曾难寻踪迹，其香迹如今重现于真我缪斯香水之中。
                                        日落时分，是格拉斯地区的晚香玉气味尤为浓郁的时候。真我缪斯香水令人惊艳的，正是晚香玉所散发的感性诱人气息。<br><br>
                                        为了驾驭晚香玉的香气，调香师采用了一种叫做脂吸法的古老的花香提取工艺，让香水的芳息接近花朵本真气息，带来匠心打造的调香品质。精湛的工艺挚献奢美的花卉。
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="under-two">
                        <ul class="two-ul">
                            <li class="two-li">
                                <p class="two-p">
                                    <span class="two-sp1">使用建议</span>
                                    <span class="two-sp5 iconfont icon-chevron-thin-down"></span>
                                </p>
                                <div class="fri-div">
                                    <ul class="t-p">
                                        <li>感性香氛仪式，尽释女性动人魅力：</li>
                                        <li>1.涂抹真我身体乳，润泽肌肤。</li>
                                        <li>2.在脉搏处轻喷真我缪斯香水，散发迷人香气。</li>
                                        <li>3.使用真我丝柔护理油，令曼妙真我气息持续萦绕。</li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>





                </div>
            </div>
        </div>
        <div class="s-centent">
            <div class="centent-box">
                <div class="prc1-1">
                    <div class="xian"></div>
                </div>
                <div class="prc2-1">
                    <h2 class="prch2">全新真我缪斯香水</h2>
                    <ul class="prc2-ul">
                        <li class="prc2li-left">
                            <div class="cd">
                                <button class="'cd-button">
                                  <img src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-videos/folder-parfums/diorparfums_quete_essence_santal_2020/19900396-2-fre-FR/diorparfums_quete_essence_santal_2020_1440_1200.jpg" alt="">
                                </button>
                            </div>
                        </li>
                        <li class="prc2li-right">
                            <div class="prc2-text">
                                <p class="prc2-p">
                                    真我繁花簇拥盛放，演绎全新感性香调：曼妙花香充满活力生机，重新演绎真我香气。全新设计精致瓶身，宛若奢美珠宝。马赛颈环层层舒展，轻柔坠覆曼妙瓶身，灵动轻盈，宛若呼吸。
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="prc1-1">
                    <div class="xian"></div>
                </div>
                <div class="prc3-1"></div>
                <div class="prc4-1">
                    <div class="prc4-box">
                        <p class="prc4-p"></p>
                        <div class="prc4-i">
                            <div class="prc4-m">
                                <ul class="prc4-ul">
                                    <li class="prc4-li">
                                        <div class="prc4-img">
                                            <img src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-images/folder-jadore-infinissime/folder-infini-floral/infini-floral-1/20686110-1-fre-FR/infini-floral-1_1440_1200.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                    <li class="prc4-li">
                                        <div class="prc4-img">
                                            <img src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-images/folder-jadore-infinissime/folder-infini-floral/infinifloral-image-2/20686114-1-fre-FR/infinifloral-image-2_1440_1200.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                    <li class="prc4-li">
                                        <div class="prc4-img">
                                            <img src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-images/folder-jadore-infinissime/folder-infini-floral/infini-floral-image-3/20686118-1-fre-FR/infini-floral-image-3_1440_1200.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="prc1-1">
                    <div class="xian"></div>
                </div>
                <div class="prc5-1">
                    <h2 class="prc5">由迪奥首席调香师弗朗斯·德马奇（FRANÇOIS DEMACHY）倾情呈献</h2>
                    <ul class="prc5-ul">
                        <li class="prc5li-left">
                            <div class="prc5-img"><img
                                    src="https://www.dior.cn/couture/var/dior/storage/images/horizon/products/fp-pcd/folder-fragrance/folder-j_adore/y0996116-jadore-infinissime/strate-3-le-mot-du-parfumeur/20687110-13-eng-GB/strate-3-le-mot-du-parfumeur2_1440_1200.jpg"
                                    alt=""></div>
                        </li>
                        <li class="prc5li-right">
                            <div class="prc5-text">
                                <p class="prc5-p">
                                    <em>“格拉斯地区晚香玉拥有一种特别的撩人韵味，我将其融入真我缪斯香水，仿佛创造了一场浪漫的邂逅：真我繁花「撩拨」着迷人的晚香玉，拥它入怀，让它重焕生机，自由绽放。这抹独特的香气，能够瞬间释放强大而又自信的女性气质。</em>
                                </p><br>
                                <P class="prc5-p">”迪奥首席调香师弗朗斯·德马奇（François Demachy）</P>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="prc1-1">
                    <div class="xian"></div>
                </div>
                <div class="prc2-1">
                    <h2 class="prch2">全新真我缪斯香水</h2>
                    <ul class="prc2-ul">
                        <li class="prc2li-left">
                            <div class="cd">
                                <button class="'cd-button">
                                    <img
                                        src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-videos/folder-parfums/diorparfums_jadore_infinissime_film_tubereuse_2020/20692796-1-fre-FR/diorparfums_jadore_infinissime_film_tubereuse_2020_1440_1200.jpg"></img>
                                </button>
                            </div>
                        </li>
                        <li class="prc2li-right">
                            <div class="prc2-text">
                                <p class="prc2-p">
                                    真我繁花簇拥盛放，演绎全新感性香调：曼妙花香充满活力生机，重新演绎真我香气。全新设计精致瓶身，宛若奢美珠宝。马赛颈环层层舒展，轻柔坠覆曼妙瓶身，灵动轻盈，宛若呼吸。
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="prc4-1">
                    <div class="prc4-box">
                        <p class="prc4-p"></p>
                        <div class="prc4-i">
                            <div class="prc4-m">
                                <ul class="prc4-ul">
                                    <li class="prc4-li">
                                        <div class="prc4-img">
                                            <img src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-images/folder-jadore-infinissime/folder-troublante-tubereuse/tubereuse-1/20686204-1-fre-FR/tubereuse-1_1440_1200.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                    <li class="prc4-li">
                                        <div class="prc4-img">
                                            <img src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-images/folder-jadore-infinissime/folder-troublante-tubereuse/tubereuse-2/20686214-1-fre-FR/tubereuse-2_1440_1200.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                    <li class="prc4-li">
                                        <div class="prc4-img">
                                            <img src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-images/folder-jadore-infinissime/folder-troublante-tubereuse/tubereuse-3/20686218-1-fre-FR/tubereuse-3_1440_1200.jpg"
                                                alt="">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="prc1-1">
                    <div class="xian"></div>
                </div>
                <div class="prc6-1">
                    <div class="prc6-box">
                        <div class="prc6-title"><h2 class="prc6-h2">挚献女性本真自信魅力</h2></div>
                        <div class="prc6-player">
                            <button class="prc6-but"><div class="prc6-img"><img src="https://www.dior.cn/couture/var/dior/storage/images/folder-media/folder-videos/folder-parfums/diorparfums_jadore_infinissime_tvc_2020/20684938-1-fre-FR/diorparfums_jadore_infinissime_tvc_2020_1440_1200.jpg" alt=""></div></button>
                        </div>
                    </div>
                </div>
                <div class="prc7-1">
                    <h2 class="prc7-h2">真我着香仪式，呈献香氛叠穿艺术 </h2>
                    <div class="prc7-box">
                        <ul class="prc7-ul">
                            <li class="prc7-li">
                                <div class="prc7-tlt">
                                    <p class="prc7-pp">
                                        <span class="prc7-sp1">01</span>
                                        <span class="prc7-sp2">涂抹真我身体乳，润泽肌肤。</span>
                                    </p>
                                </div>
                                <div class="prc7-con">
                                    <a class="prc7-a"><img src="./img/收藏.png" alt=""></a>
                                    <div class="prc7con-img"><img src="https://www.dior.cn/beauty/version-5.1610097138806/resize-image/ep/460/498/90/0/horizon%252Fcovers%252FY0996061_C099600061_E01_GHC.jpg?imwidth=460" alt=""></div>
                                </div>
                                <div class="prc7-under">
                                    <div class="prc7-zk"></div>
                                    <span class="prc7-sp">30 Montaigne 手袋</span>
                                    <p class="prc7under-p">蓝色提花 Oblique 印花</p>
                                    <div class="price">￥29,500</div>
                    <div class="anniu"><p class="p2"><span class="sp1"><img src="./img/购物车白.png"></span><span class="sp2">立即选购</span></p></div>
                                </div>
                            </li>
                            <li class="prc7-li">
                                <div class="prc7-tlt">
                                    <p class="prc7-pp">
                                        <span class="prc7-sp1">02</span>
                                        <span class="prc7-sp2">涂抹真我身体乳，润泽肌肤。</span>
                                    </p>
                                </div>
                                <div class="prc7-con">
                                    <a class="prc7-a"><img src="./img/收藏.png" alt=""></a>
                                    <div class="prc7con-img"><img src="https://www.dior.cn/couture/var/dior/storage/images/horizon/products/fp-pcd/folder-fragrance/folder-j_adore/y0996116-jadore-infinissime/strate-6-cross-sell-routine/20687185-7-eng-GB/strate-6-cross-sell-routine2_1440_1200.jpg?imwidth=460" alt=""></div>
                                </div>
                                <div class="prc7-under">
                                    <div class="prc7-zk"></div>
                                    <span class="prc7-sp">30 Montaigne 手袋</span>
                                    <p class="prc7under-p">蓝色提花 Oblique 印花</p>
                                    <div class="price">￥29,500</div>
                    <div class="anniu"><p class="p2"><span class="sp1"><img src="./img/购物车白.png"></span><span class="sp2">立即选购</span></p></div>
                                </div>
                            </li>
                            <li class="prc7-li">
                                <div class="prc7-tlt">
                                    <p class="prc7-pp">
                                        <span class="prc7-sp1">03</span>
                                        <span class="prc7-sp2">涂抹真我身体乳，润泽肌肤。</span>
                                    </p>
                                </div>
                                <div class="prc7-con">
                                    <a class="prc7-a"><img src="./img/收藏.png" alt=""></a>
                                    <div class="prc7con-img"><img src="https://www.dior.cn/beauty/version-5.1610097138806/resize-image/ep/460/498/90/0/%252FY0996113%252FY0996113_C099600396_E01_GHC.jpg?imwidth=460" alt=""></div>
                                </div>
                                <div class="prc7-under">
                                    <div class="prc7-zk"></div>
                                    <span class="prc7-sp">30 Montaigne 手袋</span>
                                    <p class="prc7under-p">蓝色提花 Oblique 印花</p>
                                    <div class="price">￥29,500</div>
                    <div class="anniu"><p class="p2"><span class="sp1"><img src="./img/购物车白.png"></span><span class="sp2">立即选购</span></p></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
               
            </div>
        </div>
        <div class="s-under">
           
            @@include("zuijin.html")
        </div>
    </div>
</div>




<script>
    $(function () {
        $(".span-yi-yi").click(function () {
            console.log(88);
            if (!$(".appear").hasClass("active")) {
                $(".appear").addClass("active")
            } else {
                $(".appear").removeClass("active")
            }
        })
    })

    $(function () {
        $(".two-sp2").click(function () {
            console.log(this);
            if (!$(".two-div").hasClass("active")) {
                $(".two-div").addClass("active")
                    .siblings().removeClass("active")
            } else {
                $(".two-div").removeClass("active")
            }
        })
    })
    $(function () {

        $(".two-sp3").click(function () {
            console.log(this);
            if (!$(".thr-div").hasClass("active")) {
                $(".thr-div").addClass("active")
                    .siblings().removeClass("active")
            } else {
                $(".thr-div").removeClass("active")
            }
        })
    })
    $(function () {
        $(".two-sp4").click(function () {
            console.log(this);
            if (!$(".four-div").hasClass("active")) {
                $(".four-div").addClass("active")
                    .siblings().removeClass("active")
            } else {
                $(".four-div").removeClass("active")
            }
        })
    })
    $(function () {
        $(".two-sp5").click(function () {
            console.log(this);
            if (!$(".fri-div").hasClass("active")) {
                $(".fri-div").addClass("active")
                    .siblings().removeClass("active")
            } else {
                $(".fri-div").removeClass("active")
            }
        })
    })
</script> 

<script>
    var swiper = new Swiper('.swiper-container', {
      cssMode: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination'
      },
      mousewheel: true,
      keyboard: true,
    });
  </script>